<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <title>新增页面</title>
  <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
  <link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css" />
  <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
  <style>
    .layui-form-mid{
      margin-left: 110px;
    }
  </style>
</head>
<body>

<form class="layui-form" action="">
  <input type="hidden" name="id" value="<?=$id?>">
  <div class="mainBox">
    <div class="main-container mr-5">

      <div class="layui-form-item compact">
        <label class="layui-form-label">AppId</label>
        <div class="layui-input-block">
          <input type="text" name="app_id" lay-verify="required" value="<?=$config['app_id']?>" placeholder="支付宝分配的app_id" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">必填-支付宝分配的 app_id</div>
      </div>
      <div class="layui-form-item compact">
        <label class="layui-form-label">应用私钥</label>
        <div class="layui-input-block">
          <input type="text" name="app_secret_cert" lay-verify="required" value="<?=$config['app_secret_cert']?>" placeholder="支付宝分配的app_id" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">在 https://open.alipay.com/develop/manage 《应用详情->开发设置->接口加签方式》中设置</div>
      </div>

      <div class="layui-form-item compact">
        <label class="layui-form-label">应用公钥</label>
        <div class="layui-input-block">
          <input type="text" name="app_public_cert_path" lay-verify="required" value="<?=$config['app_public_cert_path']?>" placeholder="应用公钥" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">必填-app_public_cert</div>
      </div>
      <div class="layui-form-item compact">
        <label class="layui-form-label">公钥</label>
        <div class="layui-input-block">
          <input type="text" name="alipay_public_cert_path" lay-verify="required" lay-verify="required" value="<?=$config['alipay_public_cert_path']?>" placeholder="支付宝公钥" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">必填-支付宝公钥 alipay_public_cert</div>
      </div>
      <div class="layui-form-item compact">
        <label class="layui-form-label">根证书</label>
        <div class="layui-input-block">
          <input type="text" name="alipay_root_cert_path" lay-verify="required" value="<?=$config['alipay_root_cert_path']?>" placeholder="支付宝根证书" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">必填-支付宝根证书 alipay_root_cert</div>
      </div>

      <div class="layui-form-item compact">
        <label class="layui-form-label">同步跳转</label>
        <div class="layui-input-block">
          <input type="text" name="return_url" value="<?=$config['return_url']?>" placeholder="支付成功后默认跳转地址" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">必填-支付成功后默认跳转地址</div>
      </div>

      <div class="layui-form-item compact">
        <label class="layui-form-label">异步回调</label>
        <div class="layui-input-block">
          <input type="text" name="notify_url" value="<?=$config['notify_url']?>" placeholder="支付成功后默认回调地址" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">必填-支付成功后默认回调地址</div>
      </div>

    </div>
  </div>

  <div class="bottom">
    <div class="button-container">
      <button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit=""
              lay-filter="save">
        提交
      </button>
      <button type="reset" class="pear-btn pear-btn-md">
        重置
      </button>
    </div>
  </div>

</form>

<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
<script src="/app/admin/component/pear/pear.js"></script>
<script src="/app/admin/component/jsoneditor/jsoneditor.js"></script>
<script src="/app/admin/admin/js/permission.js"></script>

<script>

  // 相关接口
  const INSERT_API = "/app/tuPay/tupay-config/setConfig";


  //提交事件
  layui.use(["form", "popup"], function () {
    // 字段验证允许为空
    layui.form.verify({
      phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
      email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
      url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
      number: [/(^$)|^\d+$/,'只能填写数字'],
      date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
      identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
    });
    layui.form.on("submit(save)", function (data) {
      layui.$.ajax({
        url: INSERT_API,
        type: "POST",
        dateType: "json",
        data: data.field,
        success: function (res) {
          if (res.code) {
            return layui.popup.failure(res.msg);
          }
          return layui.popup.success("操作成功", function () {
            parent.refreshTable();
            parent.layer.close(parent.layer.getFrameIndex(window.name));
          });
        }
      });
      return false;
    });
  });

</script>

</body>
</html>
